@import "../_variable";

.hui-w-25 {
  width: 25% !important;
}

.hui-w-50 {
  width: 50% !important;
}

.hui-w-75 {
  width: 75% !important;
}

.hui-w-100 {
  width: 100% !important;
}

.hui-h-25 {
  height: 25% !important;
}

.hui-h-50 {
  height: 50% !important;
}

.hui-h-75 {
  height: 75% !important;
}

.hui-h-100 {
  height: 100% !important;
}

.hui-h-100vh {
  height: 100vh;
}

.hui-mw-100 {
  max-width: 100% !important;
}

.hui-mh-100 {
  max-height: 100% !important;
}

//布局
.hui-position-static {
  position: static !important;
}

.hui-position-relative {
  position: relative !important;
}

.hui-position-absolute {
  position: absolute !important;
}

.hui-position-absolute--100 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hui-position-fixed {
  position: fixed !important;
}

.hui-position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

.hui-fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.hui-fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
  .hui-sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.hui-block {
  display: block;
}
